<template>
	<!-- 上传图片示例 -->
	<view>
		<view class="">上传单个图片</view>	
		<c-upLoadImgs :file.sync="imgData"></c-upLoadImgs>
		
		<view>上传多个图片</view>
		<c-upLoadImgs :file.sync="imgData2" maxCount="3" :deletable="false"></c-upLoadImgs>
		
		<view class="">回显图片</view>
		<c-upLoadImgs :file.sync="imgData3" echo></c-upLoadImgs>
		
		<button @click="imgDataLog">打印查看图片数据</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				imgData: '',
				imgData2: [],
				imgData3: '/car/2023/10/16/7bb9e5c59b0540b38a8b7588ae91e4a5.png'
			}
		},
		methods:{
			// 打印图片数据
			imgDataLog(){
				console.log('imgData',this.imgData);
				console.log('imgData2',this.imgData2);
				console.log('imgData3',this.imgData3);
			}
		}
	}
</script>

<style lang="scss" scoped>
</style>